<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link href="/css/login.css" rel="stylesheet" type="text/css" />
</head>

<body>

<!--头部-->
<header>
    <div class="title">广东海洋大学体育馆管理系统</div>
    <div class="guide">
        <div class="item">用户登录</div>
    </div>

    <div class="button">
        <button onclick="location='login.html'">登录</button>
        <a class="nav-link" onclick="location='register.html'">注册</a>
    </div>
</header>

<!--登录框样式-->
<div class="wrap">
<!-- main begin-->
 <div class="main">
     <!--左侧图片样式-->
   <div class="sidebar">
     <p><img src="images/back.jpg" width="443" height="314" alt="体育馆" /></p>
   </div>
     <!--右侧登录框样式-->
   <div class="container">
   <form action="/doLogin" method="post">
    <div class="login">
      <dl>
        <dt>用户登陆</dt>
        <dd class="item1"><label for="username">用户名：</label><input type="text" name="username"/></dd>
        <dd class="item2"><label for="password">密 码：</label><input type="password"  name="password"/></dd>
        <dd class="item3">
           <label class="lf" for="passwords">验证码：</label>
           <input type="text" name="valideCode"/>
           <span>
              <img th:src="@{/defaultKaptcha}"  width="96" height="27" />
            </span>
        </dd>
        <dd class="item4">
           <input name=""  type="checkbox" class="checkbox" id="rem_u"  />
           <span for="rem_u">下次自动登录</span>
            <span class="errMsg" th:text="${errorMsg}"></span>
        </dd>
        <dd class="button1">
           <input class="loginBtn" type="submit" value="登 录"/>
           <input class="registerBtn" type="button" value="没有账号？去注册" onclick="location='register.html'"/>
        </dd>
      </dl>
    </div>
    </form>
   </div>

 </div>
<!-- main end-->
</div>


</body>
</html>
